home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 December / 2004-12 CHIP.iso / Internet / NVU 0.50 for Windows / nvu-0.50-win32-installer-full.exe / {app} / chrome / comm.jar / content / editor / StructBarContextMenu.js < prev    next >
Encoding:
JavaScript  |  2004-04-30  |  11.5 KB  |  413 lines
  1. /* -*- Mode: Java; tab-width: 4; indent-tabs-mode: nil; c-basic-offset: 2 -*- */
  2. /* ***** BEGIN LICENSE BLOCK *****
  3.  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
  4.  *
  5.  * The contents of this file are subject to the Mozilla Public License Version
  6.  * 1.1 (the "License"); you may not use this file except in compliance with
  7.  * the License. You may obtain a copy of the License at
  8.  * http://www.mozilla.org/MPL/
  9.  *
  10.  * Software distributed under the License is distributed on an "AS IS" basis,
  11.  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  12.  * for the specific language governing rights and limitations under the
  13.  * License.
  14.  *
  15.  * The Original Code is Mozilla.org code.
  16.  *
  17.  * The Initial Developer of the Original Code is
  18.  * Netscape Communications Corporation.
  19.  * Portions created by the Initial Developer are Copyright (C) 2002-2004
  20.  * the Initial Developer. All Rights Reserved.
  21.  *
  22.  * Contributor(s):
  23.  *    Daniel Glazman (glazman@netscape.com), original author
  24.  *
  25.  * Alternatively, the contents of this file may be used under the terms of
  26.  * either the GNU General Public License Version 2 or later (the "GPL"), or
  27.  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  28.  * in which case the provisions of the GPL or the LGPL are applicable instead
  29.  * of those above. If you wish to allow use of your version of this file only
  30.  * under the terms of either the GPL or the LGPL, and not to allow others to
  31.  * use your version of this file under the terms of the MPL, indicate your
  32.  * decision by deleting the provisions above and replace them with the notice
  33.  * and other provisions required by the GPL or the LGPL. If you do not delete
  34.  * the provisions above, a recipient may use your version of this file under
  35.  * the terms of any one of the MPL, the GPL or the LGPL.
  36.  *
  37.  * ***** END LICENSE BLOCK ***** */
  38.  
  39. var gContextMenuNode;
  40. var gContextMenuFiringDocumentElement;
  41.  
  42. function InitStructBarContextMenu(button, docElement)
  43. {
  44.   gContextMenuFiringDocumentElement = docElement;
  45.   gContextMenuNode = button;
  46.  
  47.   var tag = docElement.nodeName.toLowerCase();
  48.  
  49.   var enableRemove;
  50.  
  51.   switch (tag) {
  52.     case "body":
  53.     case "tbody":
  54.     case "thead":
  55.     case "tfoot":
  56.     case "col":
  57.     case "colgroup":
  58.     case "tr":
  59.     case "th":
  60.     case "td":
  61.     case "caption":
  62.       enableRemove = false;
  63.       break;
  64.     default:
  65.       enableRemove = true;
  66.       break;
  67.   }
  68.   SetElementEnabledById("structRemoveTag", enableRemove);
  69.  
  70.   var isNotBody = (tag != "body");
  71.   SetElementEnabledById("structChangeTag", isNotBody);
  72.  
  73.   var rootElement = docElement.ownerDocument.documentElement;
  74.   var isTemplate = rootElement.getAttribute("template");
  75.   SetElementEnabledById("templateElementsContextMenu", isTemplate);
  76. }
  77.  
  78. function TableCellFilter(node)
  79. {
  80.   switch (node.nodeName.toLowerCase())
  81.     {
  82.     case "td":
  83.     case "th":
  84.     case "caption":
  85.       return NodeFilter.FILTER_ACCEPT;
  86.       break;
  87.     default:
  88.       return NodeFilter.FILTER_SKIP;
  89.       break;
  90.     }
  91.   return NodeFilter.FILTER_SKIP;
  92. }
  93.  
  94. function StructRemoveTag()
  95. {
  96.   var editor = GetCurrentEditor();
  97.   if (!editor) return;
  98.  
  99.   var element = gContextMenuFiringDocumentElement;
  100.   var offset = 0;
  101.   var childNodes = element.parentNode.childNodes;
  102.  
  103.   while (childNodes[offset] != element) {
  104.     ++offset;
  105.   }
  106.  
  107.   editor.beginTransaction();
  108.  
  109.   try {
  110.  
  111.     var tag = element.nodeName.toLowerCase();
  112.     if (tag != "table") {
  113.       MoveChildNodesAfterElement(editor, element, element, offset);
  114.     }
  115.     else {
  116.  
  117.       var nodeIterator = document.createTreeWalker(element,
  118.                                                    NodeFilter.SHOW_ELEMENT,
  119.                                                    TableCellFilter,
  120.                                                    true);
  121.       var node = nodeIterator.lastChild();
  122.       while (node) {
  123.         MoveChildNodesAfterElement(editor, node, element, offset);
  124.         node = nodeIterator.previousSibling();
  125.       }
  126.  
  127.     }
  128.     editor.deleteNode(element);
  129.   }
  130.   catch (e) {};
  131.  
  132.   editor.endTransaction();
  133. }
  134.  
  135. function MoveChildNodesAfterElement(editor, element, targetElement, targetOffset)
  136. {
  137.   var childNodes = element.childNodes;
  138.   var childNodesLength = childNodes.length;
  139.   var i;
  140.   for (i = childNodesLength - 1; i >= 0; i--) {
  141.     var clone = childNodes.item(i).cloneNode(true);
  142.     editor.insertNode(clone, targetElement.parentNode, targetOffset + 1);
  143.   }
  144. }
  145.  
  146. function StructChangeTag()
  147. {
  148.   var textbox = document.createElementNS(XUL_NS, "textbox");
  149.   textbox.setAttribute("value", gContextMenuNode.getAttribute("value"));
  150.   textbox.setAttribute("width", gContextMenuNode.boxObject.width);
  151.   textbox.className = "struct-textbox";
  152.  
  153.   gContextMenuNode.parentNode.replaceChild(textbox, gContextMenuNode);
  154.  
  155.   textbox.addEventListener("keypress", OnKeyPress, false);
  156.   textbox.addEventListener("blur", ResetStructToolbar, true);
  157.  
  158.   textbox.select();
  159. }
  160.  
  161. function StructSelectTag()
  162. {
  163.   SelectFocusNodeAncestor(gContextMenuFiringDocumentElement);
  164. }
  165.  
  166. function OpenAdvancedProperties()
  167. {
  168.   doAdvancedProperties(gContextMenuFiringDocumentElement);
  169. }
  170.  
  171. function OnKeyPress(event)
  172. {
  173.   var editor = GetCurrentEditor();
  174.  
  175.   var keyCode = event.keyCode;
  176.   if (keyCode == 13) {
  177.     var newTag = event.target.value;
  178.  
  179.     var element = gContextMenuFiringDocumentElement;
  180.  
  181.     var offset = 0;
  182.     var childNodes = element.parentNode.childNodes;
  183.     while (childNodes.item(offset) != element) {
  184.       offset++;
  185.     }
  186.  
  187.     editor.beginTransaction();
  188.  
  189.     try {
  190.       var newElt = editor.document.createElement(newTag);
  191.       if (newElt) {
  192.         childNodes = element.childNodes;
  193.         var childNodesLength = childNodes.length;
  194.         var i;
  195.         for (i = 0; i < childNodesLength; i++) {
  196.           var clone = childNodes.item(i).cloneNode(true);
  197.           newElt.appendChild(clone);
  198.         }
  199.         editor.insertNode(newElt, element.parentNode, offset+1);
  200.         editor.deleteNode(element);
  201.         editor.selectElement(newElt);
  202.  
  203.         window.content.focus();
  204.       }
  205.     }
  206.     catch (e) {}
  207.  
  208.     editor.endTransaction();
  209.  
  210.   }
  211.   else if (keyCode == 27) {
  212.     // if the user hits Escape, we discard the changes
  213.     window.content.focus();
  214.   }
  215. }
  216.  
  217. function openCSSPropsDialog(tab, title, selectionBased)
  218. {
  219.   window.openDialog("chrome://cascades/content/" + tab + "Props.xul","_blank", "chrome,close,modal,titlebar",
  220.                     tab, title, selectionBased);
  221.   window._content.focus();
  222. }
  223.  
  224. function EnableExtractInlineStyles()
  225. {
  226.   var elt = gContextMenuFiringDocumentElement;
  227.   var style = elt.getAttribute("style");
  228.   var hasInlineStyle = !style;
  229.   SetElementEnabledById("makeCSSRule", style);
  230. }
  231.  
  232. function ExtractInlineStyles()
  233. {
  234.   window.openDialog("chrome://editor/content/ExtractStyles.xul","_blank", "chrome,close,modal,titlebar", gContextMenuFiringDocumentElement);
  235.   window._content.focus();
  236. }
  237.  
  238. function cleanPopup(menuPopup)
  239. {
  240.   var child = menuPopup.lastChild;
  241.   while (child)
  242.   {
  243.     var tmp = child.previousSibling;
  244.     menuPopup.removeChild(child);
  245.     child = tmp;
  246.   }
  247. }
  248.  
  249. function InitIDSelectMenu(menuPopup)
  250. {
  251.   cleanPopup(menuPopup);
  252.   
  253.   var id = gContextMenuFiringDocumentElement.getAttribute("id");
  254.   if (id)
  255.   {
  256.     var menuEntry = document.createElementNS(XUL_NS, "menuitem");
  257.     menuEntry.setAttribute("type",    "radio");
  258.     menuEntry.setAttribute("checked", "true");
  259.     menuEntry.setAttribute("label",   id);
  260.     menuEntry.setAttribute("value",   id);
  261.     menuPopup.appendChild(menuEntry);
  262.   }
  263.  
  264.   var idList = GetCurrentEditor().document.getSelectorList(CSSSelectorQuery.SHOW_ID_SELECTOR);
  265.   if (idList && idList.length)
  266.   {
  267.     if (id)
  268.     {
  269.       var menuSep = document.createElementNS(XUL_NS, "menuseparator");
  270.       menuPopup.appendChild(menuSep);
  271.     }
  272.  
  273.     var idListArray  = new Array();
  274.     var idListLength = idList.length;
  275.     for (index = 0; index < idListLength; index++)
  276.       idListArray.push(idList.item(index).substr(1));
  277.     idListArray.sort();
  278.  
  279.     var previousId = "";
  280.     for (index = 0; index < idListLength; index++)
  281.     {
  282.       var idEntry = idListArray[index];
  283.       if (idEntry != previousId)
  284.       {
  285.         previousId = idEntry;
  286.  
  287.         if (idEntry != id)
  288.         {
  289.           menuEntry = document.createElementNS(XUL_NS, "menuitem");
  290.           menuEntry.setAttribute("type",    "radio");
  291.           menuEntry.setAttribute("label",   idEntry);
  292.           menuEntry.setAttribute("value",   idEntry);
  293.           menuPopup.appendChild(menuEntry);
  294.         }
  295.       }
  296.     }
  297.   }
  298. }
  299.  
  300.  
  301.  
  302. function InitClassSelectMenu(menuPopup)
  303. {
  304.   cleanPopup(menuPopup);
  305.  
  306.   var classes   = gContextMenuFiringDocumentElement.getAttribute("class");
  307.   var classesArray, classesArrayLength;
  308.   if (classes)
  309.   {
  310.     classesArray = classes.split(" ");
  311.     classesArray.sort();
  312.     classesArrayLength = classesArray.length;
  313.     var index;
  314.     for (index = 0; index < classesArrayLength; index++)
  315.     {
  316.       var menuEntry = document.createElementNS(XUL_NS, "menuitem");
  317.       menuEntry.setAttribute("type",    "checkbox");
  318.       menuEntry.setAttribute("checked", "true");
  319.       menuEntry.setAttribute("label",   classesArray[index]);
  320.       menuEntry.setAttribute("value",   classesArray[index]);
  321.       menuPopup.appendChild(menuEntry);
  322.     }
  323.   }
  324.  
  325.  
  326.   var classList = GetCurrentEditor().document.getSelectorList(CSSSelectorQuery.SHOW_CLASS_SELECTOR);
  327.   if (classList && classList.length)
  328.   {
  329.     if (classesArrayLength)
  330.     {
  331.       var menuSep = document.createElementNS(XUL_NS, "menuseparator");
  332.       menuPopup.appendChild(menuSep);
  333.     }
  334.  
  335.     var classListArray  = new Array();
  336.     var classListLength = classList.length;
  337.     for (index = 0; index < classListLength; index++)
  338.       classListArray.push(classList.item(index).substr(1));
  339.     classListArray.sort();
  340.  
  341.     var previousClass = "";
  342.     for (index = 0; index < classListLength; index++)
  343.     {
  344.       var classEntry = classListArray[index];
  345.       if (classEntry != previousClass)
  346.       {
  347.         previousClass = classEntry;
  348.  
  349.         var found = false;
  350.         if (classesArrayLength)
  351.         {
  352.           var existingClassesIndex;
  353.           for (existingClassesIndex = 0; existingClassesIndex < classesArrayLength; existingClassesIndex++)
  354.             if (classesArray[existingClassesIndex] == classEntry)
  355.             {
  356.               found = true;
  357.               break;
  358.             }
  359.         }
  360.         if (!found)
  361.         {
  362.           menuEntry = document.createElementNS(XUL_NS, "menuitem");
  363.           menuEntry.setAttribute("type",    "checkbox");
  364.           menuEntry.setAttribute("label",   classEntry);
  365.           menuEntry.setAttribute("value",   classEntry);
  366.           menuPopup.appendChild(menuEntry);
  367.         }
  368.       }
  369.     }
  370.   }
  371. }
  372.  
  373. function onClassSelectChange()
  374. {
  375.   var menuPopup = document.getElementById("classSelectMenuPopup");
  376.   var resultingClassAttribute = "";
  377.   var classEntry = menuPopup.firstChild;
  378.   while (classEntry)
  379.   {
  380.     if (classEntry.nodeName.toLowerCase() == "menuitem" &&
  381.         classEntry.getAttribute("checked"))
  382.     {
  383.       var value = classEntry.getAttribute("value");
  384.       if (resultingClassAttribute)
  385.         resultingClassAttribute += " ";
  386.       resultingClassAttribute += value;
  387.     }
  388.     classEntry = classEntry.nextSibling;
  389.   }
  390.   GetCurrentEditor().setAttribute(gContextMenuFiringDocumentElement, "class", resultingClassAttribute);
  391. }
  392.  
  393. function onIDSelectChange()
  394. {
  395.   var menuPopup = document.getElementById("idSelectMenuPopup");
  396.   var classEntry = menuPopup.firstChild;
  397.   var resultingID;
  398.   var idEntry = menuPopup.firstChild;
  399.   while (idEntry)
  400.   {
  401.     if (idEntry.nodeName.toLowerCase() == "menuitem" &&
  402.         idEntry.getAttribute("checked"))
  403.     {
  404.       var value = idEntry.getAttribute("value");
  405.       resultingID = value;
  406.       break;
  407.     }
  408.     idEntry = idEntry.nextSibling;
  409.   }
  410.   if (resultingID)
  411.     GetCurrentEditor().setAttribute(gContextMenuFiringDocumentElement, "id", resultingID);
  412. }
  413.